$(function(){
	//加载头脚
	$("#header").load("register_login_head.html?="+Math.rand);
	$("#footer").load("register_login_footer.html?="+Math.random());
	//欢迎登录账户
	$(window).load(function(){
		var a=$.cookie("登录状态")
		b=JSON.parse(a);
		console.log(b);
		$(".welcome span").html(b);
	})
	//点击切换页面
	$(".page:gt(0)").hide();
	$(".nav li").on("click",function(){
		$(".page").hide().eq($(this).index()).show();
	})
	//添加收货地址
	
	//定义一个cookie存收货地址
	var goods_address="收货地址";
	//收货地址放在数组里面
	//收货地址的的个数
	var num=0;
	//点击添加收货地址
	$(".add_address button").click(function(){
		var a=$.cookie("登录状态")
		b=JSON.parse(a);
		var obj={
					name:b,
					address:$("input").eq(0).val(),
					address_num:"收货地址"+num
				}
		//如果输入框的值为空，则不能添加
		if ($("input").eq(0).val()=="") {
			alert("请输入收货地址")
		} else{
			//如果输入框的值不为空，先取出收货地址的cookie；
			var address_cookie=$.cookie(goods_address);
			//如果没有收货地址的cookie，那么添加收货地址的cookie;
			if(address_cookie==undefined){
				var arr=[];
				arr.push(obj);
				var jsonk=JSON.stringify(arr);
				$.cookie(goods_address,jsonk,{path:'/',expires:15});
				//取出cookie，生成html；
				var new_cookie= $.cookie("收货地址");
				//转换为数组
				var json_new_cookie=JSON.parse(new_cookie);
				var html=""
				//console.log(json_new_cookie);
				//循环数组
				$.each(json_new_cookie,function(index,content){
					//只循环当前登录用户的的 收货地址；
					if(content["name"]==b){
						html+="<p>"
							+content["address"]
							+"&nbsp"
							+content['address_num']
							+"<input type='checkbox'/>"
							+"</p>"
							;
					}
				});
				$(".show_address").html(html);
			}else{
				//如果有了 收货地址的cookie 那么解码收货地址字符串
				
				var json_address_cookie=JSON.parse(address_cookie)
				//将新输入的地址加入到取出的cookie中
				json_address_cookie.push(obj);
				//每次新加入地址后，都要把它再生成cookie，这样就可以不断添加收货地址而不被覆盖掉
				var jsonk_1=JSON.stringify(json_address_cookie);
				$.cookie(goods_address,jsonk_1,{path:'/',expires:15});
				//取出cookie，生成html；
				var new_cookie= $.cookie("收货地址");
				//转换为数组
				var json_new_cookie=JSON.parse(new_cookie);
				var html=""
				//console.log(json_new_cookie);
				//循环数组
				$.each(json_new_cookie,function(index,content){
					//只循环当前登录用户的的 收货地址；
					if(content["name"]==b){
						html+="<p>"
							+content["address"]
							+"&nbsp"
							+content['address_num']
							+"<input type='checkbox'/>"
							+"</p>"
							;
					}
				});
				$(".show_address").html(html);
			}
			

		}
	});
	//页面加载时，将收货地址加到网页中
	$(window).load(function(){
		var address_cookie=$.cookie("收货地址");
		var json_address_cookie=JSON.parse(address_cookie)
		console.log(json_address_cookie);
		var html=""
		$.each(json_address_cookie,function(index,content){
			if(content["name"]==b){	
				html+="<p>"
					+content["address"]
					+"&nbsp"
					+content['address_num']
					+"<input type='checkbox'/>"
					+"</p>"
					;
			}
		});
		$(".show_address").html(html);
	});
	//修改密码 
	//第一个输入框，判断是否有该用户名
	$(".user_name input").blur(function(){
		//首先取到  要改账号的输入框的值
		var name=$(".user_name input").val();
		//如果要用户名输入框没有内容，那么弹出提示
		if(name==""){
			alert("请输入要修改密码的用户名！")
		}else{
			//如果有输入框内容，则取出用户信息的cookie
			var user=$.cookie("用户信息");
			var user_arr=JSON.parse(user);
			//console.log(user_arr);
			//定义一个变量  ，判断要密码的账号在cookie中是否存在；
			var repeat=1;
			//遍历用户信息数组
			$.each(user_arr,function(index,comment){
				if(name==comment["username"]){
					repeat=0;
					return repeat;
				}
			})
			console.log(repeat);
			//当repeat变量的值不改变，说明用户信息数组里面没有这个用户名
			if(repeat==1){
				alert("不存在该用户名！");
			}
		}
	})
	
	//第二个输入框判断 要修改密码的用户的旧密码是否正确，只要可以确认账号属于用户，就可修改密码
	$(".user_pwd input").blur(function(){
		//首先取到账号输入框和旧密码输入框要的值
		var name=$(".user_name input").val();
		var pwd=$(".user_pwd input").val();
		//如果密码输入框输入框没有内容，那么弹出提示
		if(name==""){
			alert("请输入旧密码！")
		}else{
			//如果有输入框内容，则取出用户信息的cookie
			var user=$.cookie("用户信息");
			var user_arr=JSON.parse(user);
			//console.log(user_arr);
			//定义一个变量  ，判断要密码的账号在cookie中是否存在；
			var repeat=1;
			//遍历用户信息数组
			$.each(user_arr,function(index,comment){
				if(name==comment["username"]&&pwd==comment["passwod"]){
					repeat=0;
					return repeat;
				}
			})
			
			//当repeat变量的值不改变，说明用存在这个用户并且密码页正确；
			if(repeat==1){
				alert("密码错误！");
			}
		}
	})
	//第三个框需要验证 格式；
	$(".new_p").validate({
		rules:{
			Password:{
				required:true,
				minlength:6
			}
		}
	})
	//点击确认修改按钮，修改密码
	$(".change_pwd button").click(function(){
		//首先取到账号输入框和旧密码输入框和新密码输入框的值
		var name=$(".user_name input").val();
		var pwd=$(".user_pwd input").val();
		var n_pwd=$(".new_pwd input").val();
		//如果密码输入框输入框没有内容，那么弹出提示
		if(name==""){
			alert("请输入旧密码！")
		}else{
			//如果有输入框内容，则取出用户信息的cookie
			var user=$.cookie("用户信息");
			var user_arr=JSON.parse(user);
			//console.log(user_arr);
			//定义一个变量  ，判断要密码的账号在cookie中是否存在；
			//var repeat=1;
			//遍历用户信息数组
			$.each(user_arr,function(index,comment){
				if(name==comment["username"]&&pwd==comment["passwod"]){
					comment["passwod"]=n_pwd;
					alert("修改密码成功,下次登录请用新密码！");
				}
			})
			console.log(user_arr);
			var n_user=JSON.stringify(user_arr);
			$.cookie("用户信息",n_user,{path:'/',expires:15});
			//当repeat变量的值不改变，说明用存在这个用户并且密码页正确；
		}
	})
})
